<%@ include file="/WEB-INF/views/commonJSTL.jsp" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>${s_UserPharmacy.pharmacy.name}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<%@ include file="/WEB-INF/views/commonResources.jsp" %>

<style type="text/css">
  /*         
label.error{
	background-color: #BC1010;
	border-radius: 4px 4px 4px 4px;
	color: white;
	font-size: 10px; 
	font-family: sans-serif;
	margin-left: 10px;
	margin-top: -3px;
	padding: 0px 2px;
	 left: 60%; 
	position: absolute;
}
label.error:before{
	border-color: transparent #BC1010 transparent transparent;
	border-style: solid;
	border-width: 4px 6px;
	content: "";
	display: block;
	height: 0;
	left: -12px;
	position: absolute;
	top: 3px;
	width: 0;
}
            
 */           
            
label.error{
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius:5px;
    -webkit-border-radius: 5px;
    background: red;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: none;
    font-size: 10px;
    margin-top: 2px;
    margin-left: 3%;
    padding: 0px 2px;
    position: absolute;
}
label.error:before{ 
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #BC1010;
    border-left: 5px solid transparent;
    border-width: 4px 6px;
    display: block;
    height: 0;
    left: -12px;
    position: absolute;
    top: 3px;
    width: 0;
}

</style>
<script type="text/javascript">
	$(document).ready(function(){	
		document.getElementById("facturaGrupal").style.display = "block";
		$("#formGrupo").validate({
			/* rules: {
	             'userpharmacy.userId.login': {
	            	 remote: "validateUsernameUnique"
	             }      
	         },	         
	         messages:{
	             'userpharmacy.userId.login':{
	                 remote: jQuery.format("User {0} already exists")
	             }
	         },   */
	        submitHandler: function(form) {
	       		form.submit();
	        }
	    }); 
		
	});

	

</script>
</head>

<body>
<div id="top-wrap">
	<%@include file="../../../head.jsp"  %>
	<div id="bodySpace">
		
	    <div class="clearfix" id="middle" style="position: absolute">  <!-- aqui va la ruta -->
	        <!-- aqui va el arbol de entrada -->
	        <div id="breadcrumb">
	            <ul>
                	<li><a href="<spring:url value="/mainFront?" htmlEscape="true" />">Home</a></li>	
                    <li><span style="color:#666"><fmt:message key="title.admin"/></span></li>
                    <li><span style="color:#666"><fmt:message key="title.resourceHuman"/></span></li>
                    <li class="current-page"><span class="end"><span class="middle"><fmt:message key="title.users"/></span></span></li>
                </ul>
	        </div>
	    </div>
	    
	    <div id="principal">
            <!-- izquierda -->
            <div class="cuerpo2y" style="border: 0px solid"><br/><br/><!-- estos break son necesarios ya q uso absolute en css  cuerpo izquierdo-->
                <div class="izq">
					<%@include file="../../../bodyIzq.jsp" %>	
                </div>
                
                <div class="medio" style="border: 0px solid">
					
					<h2 class="decorado">TITULO H2</h2></br></br> 
					
						<div id="dialogo100"><br/>
							<form id="formGrupo">
								
								<div id="facturaGrupal">
									<c:set var="showName" scope="page"><fmt:message key="show.form.name"/>.</c:set>		
									<div style="clear:both;">
										<label class="form_align30"><fmt:message key="form.name"/>0 :</label>
		                                <input type="text" name="name0" id="name0" value="" class="required form_input_align" title="${showName} 0"/>
										<label style="color:red">&nbsp;&nbsp;*</label>
									</div>
								</div>
								
								<c:set var="showName" scope="page"><fmt:message key="show.form.name"/>.</c:set>		
								<div style="clear:both;">
									<label class="form_align30"><fmt:message key="form.name"/> :</label>
	                                <input type="text" name="name" id="name" value="" class="required form_input_align" title="${showName}"/>
									<label style="color:red">&nbsp;&nbsp;*</label>
								</div>
								
								<c:set var="showAddress" scope="page"><fmt:message key="show.form.address"/>.</c:set>		
								<div style="clear:both;">
									<label class="form_align30"><fmt:message key="form.address"/> :</label>
	                                <input type="text" name="address" id="address" value="" class="required form_input_align" title="${showAddress}"/>
									<label style="color:red">&nbsp;&nbsp;*</label>
								</div>
								
								<c:set var="showPhone" scope="page"><fmt:message key="show.form.phone"/>.</c:set>		
								<div style="clear:both;">
									<label class="form_align30"><fmt:message key="form.phone"/> :</label>
	                                <input type="text" name="phone" id="phone" value="" class="form_input_align" title="${showPhone}"/>
								</div>
								
								<div style="clear: both">
									<label class="form_align30">&nbsp;</label>
									<table border="0" style="float: left">
										<tr>
											<td style="text-align:right"><br/><input type="submit" value="Agregar" name="action"  class="boton" title="<fmt:message key="onclick.for"/> Agregar" />&nbsp;&nbsp;</td>
										</tr>
									</table>
								</div>
							</form>
						</div>
                </div>
            </div><!--end of leftPan-->
            
            <div class="yDer" style="border: 1px solid #ccc;">
                  <%@include file="../../../notices.jsp" %>                       
            </div><!--end of rightPan-->
        </div><!--end main content -->
	</div>
</div>
</body>
</html>
